<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>购物车</title>
    <link rel="stylesheet" href="css/shop.css">
</head>
<body>
<div class="boxtop">
    <div class="boxtopa">
        <dl>
            <dd class="boxtop3"><img src="images/logo.png" height="24" width="80"/></dd>
            <dd class="boxtop4"></dd>
            <dd class="boxtop1"><a href="https://www.realme.com/cn/realme-gt-neo-2t">真我GT Neo2T</a></dd>
            <dd class="boxtop1"><a href="https://www.realme.com/cn/realmeow">真奇喵</a></dd>
            <dd class="boxtop1"><a href="https://www.realme.com/cn/realmeow">手机</a></dd>
            <dd class="boxtop1"><a href="https://www.realme.com/cn/realmeow">AIoT</a></dd>
            <dd class="boxtop1"><a href="https://www.realme.com/cn/realme-phones">所有产品</a></dd>
            <dd class="boxtop1"><a href="https://www.realme.com/cn/realme-phones">品牌</a></dd>
            <dd class="boxtop1"><a href="https://www.realme.com/cn/support">服务</a></dd>
            <dd class="boxtop1"><a href="https://www.realmebbs.com">社区</a></dd>
            <dd class="boxtop1"><a href="https://www.realme.com/cn/app-download">APP</a></dd>
            <dd class="boxtop4"></dd>
            <dd class="boxtop2"><img src="images/personal.png" height="30" width="30"/></dd>
        </dl>
    </div>

</div>

<div id="beijing">
    <div class="container">
        <div class="header">
            <div class="shopcar">购物车</div>
        </div>
        <div class="header1">
            <div class="checkbox">
                <input type="checkbox">
            </div>
            <div class="header1.2">全选</div>
            <div class="price">单价</div>
            <div class="numbera">数量</div>
            <div class="all">小计</div>
        </div>
        <div class="goods line" >
            <div class="checkbox1">
                <input type="checkbox" >
            </div>
            <div class="images"><img src="images/shop1.png" height="80" width="80"/>
            </div>
            <div class="introduce">
                <div>realme Book</div>
                <div class="font2">
                    海鸟灰
                    i5 16G+516G
                </div>
                <div class="font3">优惠活动将在10.26 23:59:59</div>
            </div>
            <div class="price1">￥4399</div>
            <div class="number1">
                <span class="num_j"></span><input type="number" class="kuang"><span class="jia"></span>
            </div>
            <div class="all1">￥4399</div>
        </div>
        <div class="goods line">
            <div class="checkbox1">
                <input type="checkbox">
            </div>
            <div class="images"><img src="images/shop2.png" height="80" width="80"/></div>
            <div class="introduce">
                <div>真我酷冷散热背夹</div>
                <div class="font2">黑色</div>
                <div class="font3">优惠活动将在10.26 23:59:59</div>
            </div>
            <div class="price1">￥109</div>
            <div class="number1">
                <span class="num_j"></span><input type="number" class="kuang"><span class="jia"></span>
            </div>
            <div class="all1">￥109</div>
        </div>
        <div class="goods">
            <div class="checkbox1">
                <input type="checkbox">
            </div>
            <div class="images"><img src="images/shop3.png" height="80" width="80"/></div>
            <div class="introduce">
                <div>realme Book</div>
                <div class="font2">黑薄荷</div>
                <div class="font3">优惠活动将在10.26 23:59:59</div>
            </div>
            <div class="price1">￥199</div>
            <div class="number1">
                <span class="num_j"></span><input type="number" class="kuang"><span class="jia"></span>
            </div>
            <div class="all1">￥199</div>
        </div>
        <div class="checkout">
            <div class="checkout1"><a href="https://www.realme.com/cn/realme-gt-neo-2t">继续购物></a></div>
            <div class="checkout2">
            <div class="checkout_a">
                <div class="checkout_aa">商品总数</div>
                <div class="checkout_ab">0</div>
            </div>
            <div class="checkout_b">
                <div class="checkout_ba">总计:</div>
                <div class="checkout_bb">￥0</div>
            </div>
            <div class="checkout_c">
                <button class="button button1">立即下单</button>
            </div>
        </div>
    </div>

</div>
</div>





<div class="bottom-start">
    <div class="wrapper">
        <div style="display: flex; justify-content: space-around;margin-top: 40px">
            <div class="bottom-service">
                <div class="qitian"><img src="img/calender.png">
                </div>
                <p>七天无理由退货</p>

            </div>
            <div class="bottom-service">
                <div class="qitian"><img src="img/package.png">
                </div>
                <p>手机30天换货保障</p>
            </div>
            <div class="bottom-service">
                <div class="qitian"><img src="img/cash.png">
                </div>
                <p>满79包邮</p>
            </div>
            <div class="bottom-service">
                <div class="qitian"><img src="img/right.png">
                </div>
                <p>正品保障</p>
            </div>
        </div>

    </div>
</div>

<div class="bottom-middle">
    <div class="bottom-menu">
        <h2 class="bottom-menu-title">推荐产品</h2>
        <ul class="bottom-menu-list">
            <li><a href="#">真我GT Neo2T</a></li>
            <li><a href="#">真我Q3s</a></li>
            <li><a href="#">真我GT Neo2 5G</a></li>
            <li><a href="#">真我GT 大师探索版 5G</a></li>
            <li><a href="#">真我GT Neo 闪速版 5G </a></li>
            <li><a href="#">真我 GT 5G</a></li>
            <li><a href="#">真我Q3 Pro 5G</a></li>
        </ul>
    </div>
    <div class="bottom-menu">
        <h2 class="bottom-menu-title">服务支持</h2>
        <ul class="bottom-menu-list">
            <li><a href="#">配送方式</a></li>
            <li><a href="#">服务政策</a></li>
            <li><a href="#">常见问题</a></li>
            <li><a href="#">故障排除</a></li>
            <li><a href="#">预装应用公示</a></li>
            <li><a href="#">R码通道</a></li>
        </ul>
    </div>
    <div class="bottom-menu">
        <h2 class="bottom-menu-title">关于我们</h2>
        <ul class="bottom-menu-list">
            <li><a href="#">关于realme</a></li>
            <li><a href="#">ColorOS官网</a></li>
            <li><a href="#">realme社区</a></li>
            <li><a href="#">加入我们</a></li>
        </ul>
    </div>
    <div class="bottom-menu">
        <h2 class="bottom-menu-title">联系我们</h2>
        <ul class="bottom-menu-list">
            <li><a href="#">service.cn@realme.com</a></li>
        </ul>
    </div>
    <div class="bottom-menu">
        <div class="bottom-middle-menu-phone"><a href="#">400-628-0066</a></div>
        <div class="bottom-middle-menu-time">8:00-20:00，周一至周日</div>
        <div class="bottom-middle-menu-client"><a><img src="img/client.png">在线客服</a></div>
        <div class="bottom-middle-menu-time">9:00-22:00，周一至周日</div>
        <div class="bottom-middle-menu-social">
            <div class="bottom-middle-menu-wechat"> <a><img src="img/WeChat.png"></a></div>
            <div class="bottom-middle-menu-weibo"><a><img src="img/weibo.png"></a>
            </div>
        </div>
    </div>
</div>
<div class="region">
    <a>Mainland China ( 简体中文 / CNY )</a>
</div>
<div class="bottom-end">
    <div class="wrapper" style="display: flex;flex-direction: row;justify-content: space-around">
        <div class="copyright">
            © 2019-2021 realme 版权所有. 渝ICP证20200030号
            渝ICP备19011033号-1
            渝公网安备 50011202501913号</div>
        <div class="legal">
            <a href="">用户协议</a>|
            <a href="">隐私政策</a>|
            <a href="">服务政策</a>|
            <a href="">侵权投诉指南</a>
        </div>
    </div>
</div>

</body>
</html>